//* uni.scss */
@import 'uview-ui/theme.scss';
/* 行为相关颜色 */
$uni-color-primary: #007aff;
$uni-color-success: #4cd964;
$uni-color-warning: #f0ad4e;
$uni-color-error: #dd524d;

/* 文字基本颜色 */
$uni-text-color:#333;//基本色
$uni-text-color-inverse:#fff;//反色
$uni-text-color-grey:#999;//辅助灰色，如加载更多的提示信息
$uni-text-color-placeholder: #808080;
$uni-text-color-disable:#c0c0c0;

/* 背景颜色 */
$uni-bg-color:#ffffff;
$uni-bg-color-grey:#f8f8f8;
$uni-bg-color-hover:#f1f1f1;//点击状态颜色
$uni-bg-color-mask:rgba(0, 0, 0, 0.4);//遮罩颜色

/* 边框颜色 */
$uni-border-color:#c8c7cc;

/* 文字尺寸 */
$uni-font-size-12:24rpx;
$uni-font-size-16:32rpx;
$uni-font-size-20:40rpx;
$uni-font-size-24:48rpx;

/* 图片尺寸 */
$uni-img-size-sm:20px;
$uni-img-size-base:26px;
$uni-img-size-lg:40px;

/* Border Radius */
$uni-border-radius-sm: 4rpx;
$uni-border-radius-base: 6rpx;
$uni-border-radius-lg: 12rpx;
$uni-border-radius-circle: 50%;

/* 间距 */
$uni-spacing-10: 20rpx;
$uni-spacing-15: 30rpx;
$uni-spacing-20: 40rpx;
$uni-spacing-30: 60rpx;
$uni-spacing-40: 80rpx;
$uni-spacing-50: 100rpx;

/* 透明度 */
$uni-opacity-disabled: 0.3; // 组件禁用态的透明度

/* 文章场景相关 */
$uni-color-title: #2C405A; // 文章标题颜色
$uni-font-size-title:20px;
$uni-color-subtitle: #555555; // 二级标题颜色
$uni-font-size-subtitle:26px;
$uni-color-paragraph: #3F536E; // 文章段落颜色
$uni-font-size-paragraph:15px;
/* ****************************公共CSS*************************************** */
.app-container{
	padding: $uni-spacing-10;
	box-sizing: border-box;
	position: relative;
	width: 100%;
	height: 100%;
}
.clearfix {
  &:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
  }
}

/* 封装flex */
.u-f, .u-f-ac, .u-f-ajc, .u-f-jsb, .u-f-jsa {
  display: flex;
}

/* 水平居两边 */
.u-f-jb {
  justify-content: space-between;
}

/* 水平均匀分布 */
.u-f-ja {
  justify-content: space-around;
}

.u-f-ac, .u-f-ajc, .u-f-jsb, .u-f-jsa {
  align-items: center;
}

/* 水平居中 垂直居中*/
.u-f-ajc {
  justify-content: center;
}

/* 水平居两边 垂直居中*/
.u-f-jsb {
  justify-content: space-between;
}

/* 水平平均放置 垂直居中*/
.u-f-jsa {
  justify-content: space-around;
}

/* 位置居中 */
.pos-center {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
}

/* 文字换行 中英文都可以*/
.txt-linebreak {
  white-space: normal;
  word-break: break-all;
  word-wrap: break-word;
}

/* 文字单行省略  文字过多时使用... */
.txt-cut {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.txt-cut-3{
	// width: 110rpx;
	overflow: hidden;
	text-overflow: ellipsis;
	text-overflow: -o-ellipsis-lastline;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	/* 块元素显示的文本的行数 */
	line-clamp: 3;
	/* 此属性不生效 */
	-webkit-box-orient: vertical;
	/* 设置或检索伸缩盒对象的子元素的排列方式 ,盒子行数根据高度来计算 */
	overflow-wrap: break-word;
	/* 设置div换行 */
}
.my-img{
	height: 100%;
	width: 100%;
}
@mixin flex($x:center,$y:center) {
	display: flex;
	justify-content: $x;
	align-items: $y;
}